<template>
	<view>
		<view class="dropDown">
			<view class="dropList" v-for="(item,index) in tree" :key="index">
				<view class="childrenContent parentnodePadding">
					<view class="parentnode">
						<i v-if="item.child&&item.child.length>0" :data-index="index" :data-id="item.id" :data-name="item.name" @click="switchClick"
							:class="item.open?'iconfont el-icon-thirdiconfonti-copy iconactive openicon':' iconfont el-icon-thirdiconfonti openicon'"></i>
						<view class="nodeContent" @click="filechange(item)">
							<image class="cell-logo" :src="item.extra"></image>
							<view class="item-right">
								<view>
									<view class="name">
										<block v-if="locale=='zh'">{{item.name}}</block>
										<block v-if="locale=='en'">{{item.enName}}</block>
										<block v-if="locale=='ita'">{{item.itName}}</block></text>
									</view>
									<view class="cateHotList">
										<block v-if="item.isAdvice">{{$t('operate.homeRecommended')}}</block> <!--首页推荐-->
									</view>
								</view>
								<view class="right">
									<text>{{Number(item.ratio)}}%{{$t('operate.markupRate')}}</text> <!--加价率-->
									<text class="iconfont iconarrow-right1"></text>
								</view>
							</view>
						</view>
					</view>

					<dropDown v-if="item.child&&item.child.length>0 &&item.open" :node="item.child" @nodechange='switchClick' @filechange="filechange">
					</dropDown>
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	import dropDown from '@/components/w-tree/index.vue'
	export default {
		name: 'dropDown',
		components: {
			dropDown
		},
		props: {
			node: {
				type: Array,
				default: () => []
			},
			isshowAll: {
				type: Boolean,
				default: true
			},
			ischeckedAll: {
				type: Boolean,
				default: true
			}
		},
		data() {
			return {
				tree: [],
			}
		},
		computed:{
			locale() {
				return this.$i18n.locale
			}
		},
		mounted() {
			this.$nextTick(function(){
				this.tree = this.node;
			})
		},

		methods: {
			switchClick(e) {
				const id = e.currentTarget.dataset.id;
				const index = e.currentTarget.dataset.index;
				this.$emit('nodechange', e)
				this.recursion(id, this.tree,e);
			},
			filechange(e){
				this.$emit("filechange",e)
			},
			async recursion(id, arr,e) {
				let _id = id
				await arr.forEach((item) => {
					if (item.id === _id) {
						if(!item.open){
							this.$set(item,"open",false)
							item.open = false
						}
						let openstatus = item.open
						item.open = !openstatus;
					};
				})
				this.$nextTick(function() {
					this.tree = arr;
				})
			}

		}
	}
</script>

<style lang="scss">
	.childrenContent {
		display: flex;
		/* align-items: flex-start; */
		flex-direction: column;
		background-color: #FFFFFF;
	}

	.childrenContent .parentnode {
		width: 100%;
		padding: 14rpx 32rpx;
		display: flex;
		align-items: center;
		
		margin-bottom: 12rpx;
		.nodeContent{
			width: 100%;
			display: flex;
			align-items: center;
			.cell-logo{
				box-sizing: border-box;
				border: 1rpx solid #f1f1f1;
				width: 120rpx;
				height: 120rpx;
			}
			.item-right {
				height: 120rpx;
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-left: 12rpx;
			
				.cateHotList {
					margin-top: 11rpx;
					font-size: 24rpx;
					color: #BBBBBB;
				}
			
				.right {
					font-size: 24rpx;
					color: #BBBBBB;
				}
			}
		}
		
	}

	.childrenContent .parentnodePadding {
		margin-left: 10rpx;
	}

	.childrenContent .checkedFile {
		margin-left: 40rpx;
	}


	.childrenContent .iconfont {
		font-size: 20rpx;
		margin-right: 10rpx;
	}

	.childrenContent .iconactive {
		color: #007AFF;
	}

	.childrenContent .openicon {
		font-size: 40rpx;
	}

	.childrenContent .fileclass {
		display: flex;
		align-items: center;
		font-size: 26rpx;
		padding: 10rpx 0;
		padding-left: 50rpx;
	}

	.childrenContent .fileclass .iconfont {
		font-size: 24rpx;
	}
	
	@font-face {
	  font-family: "iconfont"; /* Project id 1325622 */
	  src: url('https://at.alicdn.com/t/font_1325622_a5lhhc416og.woff2?t=1641540342026') format('woff2'),
	       url('https://at.alicdn.com/t/font_1325622_a5lhhc416og.woff?t=1641540342026') format('woff'),
	       url('https://at.alicdn.com/t/font_1325622_a5lhhc416og.ttf?t=1641540342026') format('truetype');
	}
	
	.iconfont {
	  font-family: "iconfont" !important;
	  font-size: 16px;
	  font-style: normal;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}
	
	.el-icon-thirdicon:before {
	  content: "\e694";
	}
	
	.el-icon-thirdicon--gengxin:before {
	  content: "\e626";
	}
	
	.el-icon-thirdzuixing-82:before {
	  content: "\e641";
	}
	
	.el-icon-thirdgengxin:before {
	  content: "\e7cb";
	}
	
	.el-icon-thirdkefu1:before {
	  content: "\e637";
	}
	
	.el-icon-thirdxiala:before {
	  content: "\e654";
	}
	
	.el-icon-thirdxiala-copy:before {
	  content: "\ea91";
	}
	
	.el-icon-thirdcuowu:before {
	  content: "\e624";
	}
	
	.el-icon-thirddizhi1:before {
	  content: "\e623";
	}
	
	.el-icon-thirdwancheng:before {
	  content: "\e798";
	}
	
	.el-icon-thirdgonggao:before {
	  content: "\e6d8";
	}
	
	.el-icon-thirdgengduo1:before {
	  content: "\e63e";
	}
	
	.el-icon-thirdgengduo:before {
	  content: "\e621";
	}
	
	.el-icon-thirdwenjianjia1:before {
	  content: "\e797";
	}
	
	.el-icon-thirdiconfont:before {
	  content: "\e61d";
	}
	
	.el-icon-thirdcaidan:before {
	  content: "\e61e";
	}
	
	.el-icon-thirddaoxu:before {
	  content: "\e65a";
	}
	
	.el-icon-thirdego-menu:before {
	  content: "\e61a";
	}
	
	.el-icon-thirdxianxingtubiaozhizuomoban-12:before {
	  content: "\e619";
	}
	
	.el-icon-thirdzhuye:before {
	  content: "\e622";
	}
	
	.el-icon-thirdtuichu1:before {
	  content: "\e682";
	}
	
	.el-icon-thirdiconfonti-copy:before {
	  content: "\ea90";
	}
	
	.el-icon-thirdiconfonti:before {
	  content: "\e62b";
	}
	
	.el-icon-thirdIcon-kuaisushenqing:before {
	  content: "\e618";
	}
	
	.el-icon-thirddaku:before {
	  content: "\e612";
	}
	
	.el-icon-thirdbukaixin:before {
	  content: "\e613";
	}
	
	.el-icon-thirdjingxia:before {
	  content: "\e615";
	}
	
	.el-icon-thirdkaixin:before {
	  content: "\e616";
	}
	
	.el-icon-thirdweixiao:before {
	  content: "\e617";
	}
	
	.el-icon-thirdguanbi1:before {
	  content: "\e625";
	}
	
	.el-icon-thirdweibiaoti-:before {
	  content: "\e611";
	}
	
	.el-icon-thirddianhua:before {
	  content: "\e628";
	}
	
	.el-icon-thirdjianhao:before {
	  content: "\e6b1";
	}
	
	.el-icon-thirdshaixuan:before {
	  content: "\e67c";
	}
	
	.el-icon-thirdshengji:before {
	  content: "\e60a";
	}
	
	.el-icon-thirdshengxu:before {
	  content: "\e60f";
	}
	
	.el-icon-thirdshengji-copy:before {
	  content: "\ea8d";
	}
	
	.el-icon-thirdpinpai:before {
	  content: "\e609";
	}
	
	.el-icon-thirdyoujiantou:before {
	  content: "\e638";
	}
	
	.el-icon-thirdshuaxin:before {
	  content: "\ea29";
	}
	
	.el-icon-thirdzhongxinhuoquicon:before {
	  content: "\e608";
	}
	
	.el-icon-thirddizhi:before {
	  content: "\e62a";
	}
	
	.el-icon-thirdjifenmingxi:before {
	  content: "\e64f";
	}
	
	.el-icon-thirdjifendingdan:before {
	  content: "\e66c";
	}
	
	.el-icon-thirdshangcheng:before {
	  content: "\e632";
	}
	
	.el-icon-thirdrenyuan3:before {
	  content: "\e607";
	}
	
	.el-icon-thirdtishi:before {
	  content: "\e63f";
	}
	
	.el-icon-thirdtixing:before {
	  content: "\e66f";
	}
	
	.el-icon-thirdshezhi:before {
	  content: "\e605";
	}
	
	.el-icon-thirdwenjian3-copy:before {
	  content: "\ea8b";
	}
	
	.el-icon-thirdxiangzi-copy:before {
	  content: "\ea8c";
	}
	
	.el-icon-thirdwenjian3:before {
	  content: "\e61f";
	}
	
	.el-icon-thirddaifukuan:before {
	  content: "\e68c";
	}
	
	.el-icon-thirdxiangzi:before {
	  content: "\e61c";
	}
	
	.el-icon-thirdmail1:before {
	  content: "\e648";
	}
	
	.el-icon-thirdshouhoudingdan:before {
	  content: "\e627";
	}
	
	.el-icon-thirdweixin1:before {
	  content: "\e7b4";
	}
	
	.el-icon-thirddianpu:before {
	  content: "\e6d5";
	}
	
	.el-icon-thirdkefu:before {
	  content: "\e796";
	}
	
	.el-icon-thirdjuli:before {
	  content: "\e63c";
	}
	
	.el-icon-thirdbanxing:before {
	  content: "\e604";
	}
	
	.el-icon-thirdbanxing1-copy:before {
	  content: "\ea88";
	}
	
	.el-icon-thirdgouwuche:before {
	  content: "\e603";
	}
	
	.el-icon-thirdgouwuchezhengpin:before {
	  content: "\e610";
	}
	
	.el-icon-thirdhezuojigou:before {
	  content: "\e660";
	}
	
	.el-icon-thirdgeren:before {
	  content: "\e62f";
	}
	
	.el-icon-thirdgerenzhongxin:before {
	  content: "\e606";
	}
	
	.el-icon-thirdweibiaoti--:before {
	  content: "\e602";
	}
	
	.el-icon-thirdICqiaguanli:before {
	  content: "\e64c";
	}
	
	.el-icon-thirdface-detection:before {
	  content: "\e614";
	}
	
	.el-icon-thirdyuyue3:before {
	  content: "\e601";
	}
	
	.el-icon-thirdxiazai:before {
	  content: "\e640";
	}
	
	.el-icon-thirdwenjianjia:before {
	  content: "\e795";
	}
	
	.el-icon-thirdrenyuan:before {
	  content: "\e60b";
	}
	
	.el-icon-thirdshangchuan:before {
	  content: "\e600";
	}
	
	.el-icon-thirdrenyuan1:before {
	  content: "\e7fa";
	}
	
	.el-icon-thirdwenjian:before {
	  content: "\ea87";
	}
	
	.el-icon-thirdwenjian1:before {
	  content: "\e67a";
	}
	
	.el-icon-thirdwenjian2:before {
	  content: "\e674";
	}
	
	.el-icon-thirdrenyuan2:before {
	  content: "\e60e";
	}
	
	.el-icon-thirdguanbi:before {
	  content: "\e7a6";
	}
	
	.el-icon-thirdsuoxiao:before {
	  content: "\e61b";
	}
	
	.el-icon-thirdtubiao-huanyuan:before {
	  content: "\e60d";
	}
	
	.el-icon-third65:before {
	  content: "\e6b4";
	}
	
	.el-icon-thirdweixin:before {
	  content: "\e793";
	}
	
	.el-icon-thirdQQ:before {
	  content: "\e794";
	}
	
	.el-icon-thirddangao_SVG:before {
	  content: "\e60c";
	}
	
	.el-icon-thirdiconset0402:before {
	  content: "\e791";
	}
	
	.el-icon-thirdzuzhijiagou:before {
	  content: "\e620";
	}
	
	.el-icon-thirdtuichu:before {
	  content: "\e792";
	}
	
	.el-icon-thirdselect_fill:before {
	  content: "\e752";
	}
	
	.el-icon-thirdcollection-copy:before {
	  content: "\ea89";
	}
	
	.el-icon-thirdselect:before {
	  content: "\e753";
	}
	
	.el-icon-thirdsend:before {
	  content: "\e754";
	}
	
	.el-icon-thirdservice_fill:before {
	  content: "\e755";
	}
	
	.el-icon-thirdservice:before {
	  content: "\e756";
	}
	
	.el-icon-thirdsetup_fill:before {
	  content: "\e757";
	}
	
	.el-icon-thirdsetup:before {
	  content: "\e758";
	}
	
	.el-icon-thirdshare_fill:before {
	  content: "\e759";
	}
	
	.el-icon-thirdshare:before {
	  content: "\e75a";
	}
	
	.el-icon-thirdshielding_fill:before {
	  content: "\e75b";
	}
	
	.el-icon-thirdshielding:before {
	  content: "\e75c";
	}
	
	.el-icon-thirdsmallscreen_fill:before {
	  content: "\e75d";
	}
	
	.el-icon-thirdsmallscreen:before {
	  content: "\e75e";
	}
	
	.el-icon-thirdstealth_fill:before {
	  content: "\e75f";
	}
	
	.el-icon-thirdstealth:before {
	  content: "\e760";
	}
	
	.el-icon-thirdsuccess_fill:before {
	  content: "\e761";
	}
	
	.el-icon-thirdsuccess:before {
	  content: "\e762";
	}
	
	.el-icon-thirdsuspend:before {
	  content: "\e763";
	}
	
	.el-icon-thirdswitch:before {
	  content: "\e764";
	}
	
	.el-icon-thirdsystemprompt_fill:before {
	  content: "\e765";
	}
	
	.el-icon-thirdsystemprompt:before {
	  content: "\e766";
	}
	
	.el-icon-thirdtailor:before {
	  content: "\e767";
	}
	
	.el-icon-thirdtask:before {
	  content: "\e768";
	}
	
	.el-icon-thirdtask_fill:before {
	  content: "\e769";
	}
	
	.el-icon-thirdtasklist_fill:before {
	  content: "\e76a";
	}
	
	.el-icon-thirdtasklist:before {
	  content: "\e76b";
	}
	
	.el-icon-thirdtext:before {
	  content: "\e76c";
	}
	
	.el-icon-thirdtime_fill:before {
	  content: "\e76d";
	}
	
	.el-icon-thirdtime:before {
	  content: "\e76e";
	}
	
	.el-icon-thirdenterinto-copy:before {
	  content: "\ea8a";
	}
	
	.el-icon-thirdtranslation_fill:before {
	  content: "\e76f";
	}
	
	.el-icon-thirdtranslation:before {
	  content: "\e770";
	}
	
	.el-icon-thirdtrash:before {
	  content: "\e771";
	}
	
	.el-icon-thirdtrash_fill:before {
	  content: "\e772";
	}
	
	.el-icon-thirdundo:before {
	  content: "\e773";
	}
	
	.el-icon-thirdunlock_fill:before {
	  content: "\e774";
	}
	
	.el-icon-thirdunlock:before {
	  content: "\e775";
	}
	
	.el-icon-thirdvideo:before {
	  content: "\e776";
	}
	
	.el-icon-thirdvideo_fill:before {
	  content: "\e777";
	}
	
	.el-icon-thirdwarning_fill:before {
	  content: "\e778";
	}
	
	.el-icon-thirdwarning:before {
	  content: "\e779";
	}
	
	.el-icon-thirdworkbench_fill:before {
	  content: "\e77a";
	}
	
	.el-icon-thirdworkbench:before {
	  content: "\e77b";
	}
	
	.el-icon-thirdsearch:before {
	  content: "\e77c";
	}
	
	.el-icon-thirdsearchfill:before {
	  content: "\e77d";
	}
	
	.el-icon-thirdqianniu:before {
	  content: "\e77e";
	}
	
	.el-icon-thirdpublishgoods_fill:before {
	  content: "\e77f";
	}
	
	.el-icon-thirdshop_fill:before {
	  content: "\e780";
	}
	
	.el-icon-thirdtransaction_fill:before {
	  content: "\e781";
	}
	
	.el-icon-thirdpackup:before {
	  content: "\e782";
	}
	
	.el-icon-thirdunfold:before {
	  content: "\e783";
	}
	
	.el-icon-thirdwangwang:before {
	  content: "\e784";
	}
	
	.el-icon-thirdfinancial_fill:before {
	  content: "\e785";
	}
	
	.el-icon-thirdmarketing_fill:before {
	  content: "\e786";
	}
	
	.el-icon-thirdshake:before {
	  content: "\e787";
	}
	
	.el-icon-thirddecoration_fill:before {
	  content: "\e788";
	}
	
	.el-icon-thirdbudaidise:before {
	  content: "\e789";
	}
	
	.el-icon-thirdqianniudaidise:before {
	  content: "\e78a";
	}
	
	.el-icon-thirdquestions:before {
	  content: "\e78b";
	}
	
	.el-icon-thirdsupply:before {
	  content: "\e78c";
	}
	
	.el-icon-thirdtools:before {
	  content: "\e78d";
	}
	
	.el-icon-thirdint:before {
	  content: "\e78e";
	}
	
	.el-icon-thirdcommodity:before {
	  content: "\e78f";
	}
	
	.el-icon-thirdzhtn:before {
	  content: "\e790";
	}
	
	.el-icon-thirdmine-copy:before {
	  content: "\ea8f";
	}
	
	.el-icon-thirdhomepage-copy:before {
	  content: "\ea8e";
	}
	
	.el-icon-thirdaccessory:before {
	  content: "\e6dd";
	}
	
	.el-icon-thirdactivity:before {
	  content: "\e6de";
	}
	
	.el-icon-thirdactivity_fill:before {
	  content: "\e6df";
	}
	
	.el-icon-thirdadd:before {
	  content: "\e6e0";
	}
	
	.el-icon-thirdaddition_fill:before {
	  content: "\e6e1";
	}
	
	.el-icon-thirdaddition:before {
	  content: "\e6e2";
	}
	
	.el-icon-thirdaddpeople_fill:before {
	  content: "\e6e3";
	}
	
	.el-icon-thirdaddpeople:before {
	  content: "\e6e4";
	}
	
	.el-icon-thirdaddressbook_fill:before {
	  content: "\e6e5";
	}
	
	.el-icon-thirdaddressbook:before {
	  content: "\e6e6";
	}
	
	.el-icon-thirdbarrage_fill:before {
	  content: "\e6e7";
	}
	
	.el-icon-thirdbarrage:before {
	  content: "\e6e8";
	}
	
	.el-icon-thirdbrowse_fill:before {
	  content: "\e6e9";
	}
	
	.el-icon-thirdbrowse:before {
	  content: "\e6ea";
	}
	
	.el-icon-thirdbrush:before {
	  content: "\e6eb";
	}
	
	.el-icon-thirdbrush_fill:before {
	  content: "\e6ec";
	}
	
	.el-icon-thirdbusinesscard_fill:before {
	  content: "\e6ed";
	}
	
	.el-icon-thirdbusinesscard:before {
	  content: "\e6ee";
	}
	
	.el-icon-thirdcamera_fill:before {
	  content: "\e6ef";
	}
	
	.el-icon-thirdcamera:before {
	  content: "\e6f0";
	}
	
	.el-icon-thirdclock_fill:before {
	  content: "\e6f1";
	}
	
	.el-icon-thirdclock:before {
	  content: "\e6f2";
	}
	
	.el-icon-thirdclose:before {
	  content: "\e6f3";
	}
	
	.el-icon-thirdcollection_fill:before {
	  content: "\e6f4";
	}
	
	.el-icon-thirdcollection:before {
	  content: "\e6f5";
	}
	
	.el-icon-thirdcomputer_fill:before {
	  content: "\e6f6";
	}
	
	.el-icon-thirdcomputer:before {
	  content: "\e6f7";
	}
	
	.el-icon-thirdcoordinates_fill:before {
	  content: "\e6f8";
	}
	
	.el-icon-thirdcoordinates:before {
	  content: "\e6f9";
	}
	
	.el-icon-thirdcoupons_fill:before {
	  content: "\e6fa";
	}
	
	.el-icon-thirdcoupons:before {
	  content: "\e6fb";
	}
	
	.el-icon-thirdcreatetask_fill:before {
	  content: "\e6fc";
	}
	
	.el-icon-thirdcreatetask:before {
	  content: "\e6fd";
	}
	
	.el-icon-thirdcustomerservice_fill:before {
	  content: "\e6fe";
	}
	
	.el-icon-thirdcustomerservice:before {
	  content: "\e6ff";
	}
	
	.el-icon-thirddelete_fill:before {
	  content: "\e700";
	}
	
	.el-icon-thirddelete:before {
	  content: "\e701";
	}
	
	.el-icon-thirddocument:before {
	  content: "\e702";
	}
	
	.el-icon-thirddocument_fill:before {
	  content: "\e703";
	}
	
	.el-icon-thirddynamic_fill:before {
	  content: "\e704";
	}
	
	.el-icon-thirddynamic:before {
	  content: "\e705";
	}
	
	.el-icon-thirdeditor:before {
	  content: "\e706";
	}
	
	.el-icon-thirdeit:before {
	  content: "\e707";
	}
	
	.el-icon-thirdemoji_fill:before {
	  content: "\e708";
	}
	
	.el-icon-thirdemoji:before {
	  content: "\e709";
	}
	
	.el-icon-thirdempty:before {
	  content: "\e70a";
	}
	
	.el-icon-thirdempty_fill:before {
	  content: "\e70b";
	}
	
	.el-icon-thirdenter:before {
	  content: "\e70c";
	}
	
	.el-icon-thirdenterinto:before {
	  content: "\e70d";
	}
	
	.el-icon-thirdenterinto_fill:before {
	  content: "\e70e";
	}
	
	.el-icon-thirdfeedback_fill:before {
	  content: "\e70f";
	}
	
	.el-icon-thirdfeedback:before {
	  content: "\e710";
	}
	
	.el-icon-thirdflag_fill:before {
	  content: "\e711";
	}
	
	.el-icon-thirdflag:before {
	  content: "\e712";
	}
	
	.el-icon-thirdflashlight:before {
	  content: "\e713";
	}
	
	.el-icon-thirdflashlight_fill:before {
	  content: "\e714";
	}
	
	.el-icon-thirdflip:before {
	  content: "\e715";
	}
	
	.el-icon-thirdflip_fill:before {
	  content: "\e716";
	}
	
	.el-icon-thirdfullscreen:before {
	  content: "\e717";
	}
	
	.el-icon-thirdgroup:before {
	  content: "\e718";
	}
	
	.el-icon-thirdgroup_fill:before {
	  content: "\e719";
	}
	
	.el-icon-thirdheadlines_fill:before {
	  content: "\e71a";
	}
	
	.el-icon-thirdheadlines:before {
	  content: "\e71b";
	}
	
	.el-icon-thirdhomepage_fill:before {
	  content: "\e71c";
	}
	
	.el-icon-thirdhomepage:before {
	  content: "\e71d";
	}
	
	.el-icon-thirdintegral_fill:before {
	  content: "\e71e";
	}
	
	.el-icon-thirdintegral:before {
	  content: "\e71f";
	}
	
	.el-icon-thirdinteractive_fill:before {
	  content: "\e720";
	}
	
	.el-icon-thirdinteractive:before {
	  content: "\e721";
	}
	
	.el-icon-thirdkeyboard:before {
	  content: "\e722";
	}
	
	.el-icon-thirdlabel:before {
	  content: "\e723";
	}
	
	.el-icon-thirdlabel_fill:before {
	  content: "\e724";
	}
	
	.el-icon-thirdlike_fill:before {
	  content: "\e725";
	}
	
	.el-icon-thirdlike:before {
	  content: "\e726";
	}
	
	.el-icon-thirdlive_fill:before {
	  content: "\e727";
	}
	
	.el-icon-thirdlive:before {
	  content: "\e728";
	}
	
	.el-icon-thirdlock_fill:before {
	  content: "\e729";
	}
	
	.el-icon-thirdlock:before {
	  content: "\e72a";
	}
	
	.el-icon-thirdmail:before {
	  content: "\e72b";
	}
	
	.el-icon-thirdmail_fill:before {
	  content: "\e72c";
	}
	
	.el-icon-thirdmanage_fill:before {
	  content: "\e72d";
	}
	
	.el-icon-thirdmanage:before {
	  content: "\e72e";
	}
	
	.el-icon-thirdmessage:before {
	  content: "\e72f";
	}
	
	.el-icon-thirdmessage_fill:before {
	  content: "\e730";
	}
	
	.el-icon-thirdmine:before {
	  content: "\e731";
	}
	
	.el-icon-thirdmine_fill:before {
	  content: "\e732";
	}
	
	.el-icon-thirdmobilephone_fill:before {
	  content: "\e733";
	}
	
	.el-icon-thirdmobilephone:before {
	  content: "\e734";
	}
	
	.el-icon-thirdmore:before {
	  content: "\e735";
	}
	
	.el-icon-thirdnarrow:before {
	  content: "\e736";
	}
	
	.el-icon-thirdoffline_fill:before {
	  content: "\e737";
	}
	
	.el-icon-thirdoffline:before {
	  content: "\e738";
	}
	
	.el-icon-thirdorder_fill:before {
	  content: "\e739";
	}
	
	.el-icon-thirdorder:before {
	  content: "\e73a";
	}
	
	.el-icon-thirdother:before {
	  content: "\e73b";
	}
	
	.el-icon-thirdpeople_fill:before {
	  content: "\e73c";
	}
	
	.el-icon-thirdpeople:before {
	  content: "\e73d";
	}
	
	.el-icon-thirdpicture_fill:before {
	  content: "\e73e";
	}
	
	.el-icon-thirdpicture:before {
	  content: "\e73f";
	}
	
	.el-icon-thirdplay:before {
	  content: "\e740";
	}
	
	.el-icon-thirdplay_fill:before {
	  content: "\e741";
	}
	
	.el-icon-thirdplayon_fill:before {
	  content: "\e742";
	}
	
	.el-icon-thirdplayon:before {
	  content: "\e743";
	}
	
	.el-icon-thirdpraise_fill:before {
	  content: "\e744";
	}
	
	.el-icon-thirdpraise:before {
	  content: "\e745";
	}
	
	.el-icon-thirdprompt_fill:before {
	  content: "\e746";
	}
	
	.el-icon-thirdprompt:before {
	  content: "\e747";
	}
	
	.el-icon-thirdqrcode_fill:before {
	  content: "\e748";
	}
	
	.el-icon-thirdqrcode:before {
	  content: "\e749";
	}
	
	.el-icon-thirdredpacket_fill:before {
	  content: "\e74a";
	}
	
	.el-icon-thirdredpacket:before {
	  content: "\e74b";
	}
	
	.el-icon-thirdrefresh:before {
	  content: "\e74c";
	}
	
	.el-icon-thirdremind_fill:before {
	  content: "\e74d";
	}
	
	.el-icon-thirdremind:before {
	  content: "\e74e";
	}
	
	.el-icon-thirdreturn:before {
	  content: "\e74f";
	}
	
	.el-icon-thirdright:before {
	  content: "\e750";
	}
	
	.el-icon-thirdscan:before {
	  content: "\e751";
	}
	
</style>
